<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/cookie.js"></script>
    <script src="../js/ajax.js"></script>
</head>
<body>
    <script>
        // $.ajax({
        //     type:'get',
        //     dataType:"text",
        //     url:"../data/1.txt",
        //     success:res=>{
        //         console.log(res)
        //         str += res;
        //     }
        // })
        // $.ajax({
        //     type:'get',
        //     dataType:"text",
        //     url:"../data/2.txt",
        //     success:res=>{
        //         console.log(res)
        //         str += res;
        //     }
        // })
        // $.ajax({
        //     type:'get',
        //     dataType:"text",
        //     url:"../data/3.txt",
        //     success:res=>{
        //         console.log(res)
        //         str += res;
        //     }
        // })
        // ajax异步函数 意味着同时执行  由于每次执行的事件的不一样  导致最终结果的顺序会错乱 
        // console.log("代码执行的结果: " +str)

        function readText(url){
            var p = new Promise(function(resolve){
                hello;
                $.ajax({
                    type:'get',
                    url:url,
                    dataType:"text",
                    success:res=>{
                        resolve(res); // 返回请求成功结果
                    }
                })
            })
            return p;
        }
        
        // Promise 最基本的代码   99%  
        readText("../data/1.txt")
        .then(result=>{
            console.log("resolve - 请求成功" , result)
        })
        .catch(error=>{   // 捕获前面then方法执行中的错误
            console.log("reject - 捕捉错误" , error)
        })
    </script>
</body>
</html>